<style>
  /*.bg{*/
  /*  height: 100%;*/
  /*  background-color: #f5f5f5;*/
  /*}*/
  .space {
    margin-top:200px;
  }
  .formWd{
    width: 400px;
  }
</style>
<app-home1></app-home1>
<div class="center">
  <mat-card class="space" >
    <mat-card-title  class="center formWd">登录系统</mat-card-title>
    <mat-card-content>
      <mat-form-field class="formWd">
        <mat-label>登录邮箱</mat-label>
        <input matInput value="" [(ngModel)]="email">
      </mat-form-field>
    </mat-card-content>
    <mat-card-content>
      <mat-form-field class="formWd">
        <mat-label>登录密码</mat-label>
        <input matInput type="password" value="" [(ngModel)]="password">
      </mat-form-field>
    </mat-card-content>
    <mat-card-content class="formWd">
      <mat-checkbox class="example-margin">记住密码</mat-checkbox>
    </mat-card-content>
    <mat-card-actions class="formWd">
      <button mat-button color="primary" (click)="judge()">登录</button>
    </mat-card-actions>
    <mat-card-actions class="formWd primary" style="padding: 0 16px">
      <a class="pointer" style="margin-right: 5px" routerLink="/register">注册</a>
<!--      <span class="pointer" style="margin-right: 5px" >注册</span>-->
      <span class="primary">|</span>
<!--      <span class="pointer" style="margin-left: 5px;">忘记密码</span>-->
      <a class="pointer" style="margin-left: 5px" routerLink="/login">忘记密码</a>
    </mat-card-actions>
  </mat-card>
</div>

